/*3.4 表单*/
/*3.4.1 input,textarea 文本域 文本区域*/
/*默认状态*/
.cursor-hand{cursor:pointer}
.input-text,.textarea{box-sizing:border-box;border:solid 1px #ddd;width:100%;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;
transition:all 0.2s linear 0s}
.textarea{ height:100px; resize:none; font-size:14px; padding:4px}.textarea-numberbar{ position:absolute; right:20px; bottom:5px; z-index:1; margin-bottom:0}
.textarea-length{ font-style:normal}
.input-text:hover,.textarea:hover{border: solid 1px #3bb4f2}
/*得到焦点后*/
.input-text.focus,textarea.focus{border:solid 1px #0f9ae0;border-color:rgba(82,168,236,0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)}
/*不可点击*/
.input-text.disabled,.textarea.disabled,.input-text.disabled.focus,.textarea.disabled.focus{background-color:#ededed; cursor:default;border-color: #ddd;
	-webkit-box-shadow:inset 0 2px 2px #e8e7e7;
       -moz-box-shadow:inset 0 2px 2px #e8e7e7;
            box-shadow:inset 0 2px 2px #e8e7e7}
/*只读状态*/
.input-text.disabled,.textarea.disabled{background-color:#e6e6e6; cursor:default}
/*阴影*/
.input-text.box-shadow,.textarea.box-shadow{-ms-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
/*行内元素*/
.input-text.inline{ display:inline-block; width:auto;}

/*3.4.2 checkbox radio  单选 多选
	Example:
<div class="skin-minimal">
  <div class="check-box">
    <input type="checkbox" id="checkbox-1">
    <label for="checkbox-1">复选框</label>
  </div>
</div>

<div class="skin-minimal">
  <div class="radio-box">
    <input type="radio" id="minimal-radio-1" name="demo-radio1">
    <label for="minimal-radio-1">单选按钮</label>
  </div>
</div>
	Explain:
*/
input[type="radio"],input[type="checkbox"] {line-height: normal; margin-top:-4px}
.check-box,.radio-box{ display:inline-block; box-sizing:border-box; cursor:pointer; position:relative; padding-right:20px;margin-top:3px;padding-left:30px}
.icheckbox,
.icheckbox-red,
.icheckbox-green,
.icheckbox-blue,
.icheckbox-aero,
.icheckbox-grey,
.icheckbox-orange,
.icheckbox-yellow,
.icheckbox-pink,
.icheckbox-purple,
.iradio,
.iradio-red,
.iradio-green,
.iradio-blue,
.iradio-aero,
.iradio-grey,
.iradio-orange,
.iradio-yellow,
.iradio-pink,
.iradio-purple {position: absolute;top:4px;left: 0}
@media (max-width: 767px) {
	.responsive .check-box,.responsive .radio-box{ display:block}
}

/*3.4.3 select 下拉框
<span class="select-box">
  <select class="select" size="1" name="demo">
    <option value="1" selected>默认</option>
    <option value="2">菜单二</option>
    <option value="3">菜单三</option>
  </select>
</span>
	Explain:
	select 是表单元素中最难美化的一个，有两种美化方式：
		1、修改源生的，修改有限，只能修改个边框，背景，字体。优点：程序方便操作；缺点：丑，浏览器之间存在很大差异。
		2、将源生的隐藏掉，用其他元素（如div li）通过js模拟下拉交互，然后再传值给源生的select。优点：好看，兼容好；缺点：代码冗余，依赖JS，不方便操作
*/
/*方法一、修改源生*/
.select-box{border:solid 1px #ddd;box-sizing:border-box;vertical-align:middle; width:100%; display:inline-block;}
	.select{border:solid 1px #ddd;box-sizing:border-box;cursor: pointer;line-height:normal;font-weight: normal;width:100%}
.select-box .select{ border:none;}
.select-box.inline,.select-box.inline .select{ width:auto}

.select-box,
.select-box.size-M{height:35px;padding:4px 5px;}
.select,.size-M .select{font-size: 14px;}

.select-box.size-MINI{height:26px;padding:0px 5px;}
.size-MINI .select{font-size: 12px;}

.select-box.size-S{height:31px;padding:3px 5px;}
.size-S .select{font-size: 12px;}

.select-box.size-L{height:42px;padding:6px 5px;}
.size-L .select{font-size: 16px;}

.select-box.size-XL{height:48px;padding:7px 5px;}
.size-XL .select{font-size: 18px;}

.select-box.size-XXL{height:50px;padding:7px 6px;}
.size-XXL .select{font-size: 20px;}

.select-box.size-XXXL{height:55px;padding:8px 5px;}
.size-XXXL .select{font-size: 22px;}

@media (max-width: 767px) {
	.responsive .select-box{ border:none}
	.responsive .select-box .select,.responsive .select{border:solid 1px #ddd; padding:10px;font-size:16px}
	.responsive .select-box,.responsive .select-box.size-M,.responsive .select-box.size-MINI,.responsive .select-box.size-S,.responsive .select-box.size-L,.responsive .select-box.size-XL{ height:auto; padding:0;}
}

/*方法二、JS模拟
<select name="demo" data-enabled="false">
  <option value="1" selected>默认</option>
  <option value="2">菜单二</option>
  <option value="3">菜单三</option>
</select>
需要引用2个js文件
<script type="text/javascript" src="lib/squid.js"></script>
<script type="text/javascript" src="lib/jselect-1.0.js"></script>
页面调用方法
<script type="text/javascript">
squid.swing.jselect()
</script>
*/
.select-wrapper {position:relative; display:inline-block;font-size:14px;cursor:default}
.select-default{zoom: 1;display:block; padding-left:10px; padding-right:30px;background-color:#fff;border:solid 1px #d0d0d0;height:34px;line-height:34px}
.jsselect.radius{ overflow:visible}
.jsselect.radius .select-default{ border-radius:4px}
.jsselect.radius .select-list{border-radius:4px;border-top-left-radius:0;border-top-right-radius:0}
.select-icon {position: absolute;height:8px;width:12px;right:10px;top:50%; margin-top:-4px;background: url(../images/iconpic-arrow-down2.png) no-repeat center}
.select-icon:hover {}
.unselectable {-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none}
.select-list {position:absolute;left:0; right:0;top:100%;z-index:1;line-height:34px;max-height:320px; overflow:auto;_height:expression(this.scrollHeight > 319 ? "320px" : "auto");background-color:#fff;background-clip: padding-box;-moz-box-shadow:0 1px 2px rgba(0, 1, 1, 0.2);-webkit-box-shadow:0 1px 2px rgba(0, 1, 1, 0.2);box-shadow:0 1px 2px rgba(0, 1, 1, 0.2);box-sizing:border-box;border:solid 1px #d0d0d0;behavior: url(../lib/ie-css3.htc)}
.select-item {margin: 0;padding: 0}
.select-option {background:#fff;line-height:34px;text-align:left;white-space:nowrap; cursor:pointer; border-bottom:1px solid #f2f2f2; padding:0 10px}
.select-item .selected {background-color:#148cf1;color:#fff}

/*3.4.4 input-file 文件上传
	Example:
<span class="btn-upload">
  <a style="z-index:2;" href="javascript:void();" class="btn btn-primary radius"><i class="iconfont">&#xf0020;</i> 浏览文件</a>
  <input type="file" multiple name="file_0" class="input-file">
</span>
	Explain：把文件选择域设为透明,通过绝对定位覆盖在长的好看的按钮上面。
*/
.btn-upload{position: relative; display:inline-block;*display:inline;overflow:hidden;vertical-align:middle;cursor:pointer}
.upload-url{cursor: pointer; width:300px;}
.input-file{position:absolute; right:0; top:0; cursor: pointer; z-index:1; font-size:30em;opacity:0;filter: alpha(opacity=0)}
.form-group .upload-btn{ margin-left:-1px}
.btn-upload .icon-add,.btn-upload .icon-minus{cursor: pointer;display: inline-block;font-family: Arial;font-size: 30px;height: 31px;line-height: 31px;text-align: center;vertical-align: middle;width: 36px}
@media (max-width: 767px) {
	.btn-upload{ position:static}
	.input-file{ position:static; opacity:1; font-size:16px;}
	.upload-btn{ display:none;}
	.upload-url{ display:none}
}

/*数字表单*/
.numberControlBox{display:inline-block;overflow:hidden;vertical-align: middle}
.ncb-up,.ncb-down{font-size:0px;display:block;height:10px;background-color:#f4f4f4;background:-moz-linear-gradient(top,rgb(255,255,255) 0%,rgb(230,230,230) 50%,rgb(255,255,255) 100%);width:24px;border:1px solid #d1d1d1;cursor:pointer}
.ncb-up{margin-bottom:1px}
.numberControlBox .ncb_ico{display:block;height:10px;background-image:url(../img/icon-arrow.png);background-repeat:no-repeat}
.ncb-up .ncb_ico{background-position: -22px center}
.ncb-down .ncb_ico{background-position: 1px center}
.ncb_btn_hover{border:1px solid #9dc7e7;background-color:#dff2fc;background:-moz-linear-gradient(top,rgb(255,255,255) 0%,rgb(210,237,250) 50%,rgb(255,255,255) 100%)}
.ncb_btn_selected{border:1px solid #6198c2;background-color:#aee1fb;background:-moz-linear-gradient(top,rgb(255,255,255) 0%,rgb(174,225,251) 50%,rgb(255,255,255) 100%)}
.input-text[type="number"]{width:80px}

/*3.4.5 表单布局*/
label,.placeholder{font-size:14px}
.form legend{font-size:20px}/*表单名称*/
.form .row{margin-top:10px;}/*表单行*/
.form-label{display:block; color:#555; font-weight:700;text-align:right}/*表单标题*/
.formControls{position:relative}/*表单控制区*/

.upload-btn{position:relative;margin-top:5px}
.upload-btn .input-file{height:35px;width:100px;overflow:hidden}
.formControls > *{vertical-align:middle}
.placeholder{position:absolute; left:4px; top:4px;color:#c6c6c6; cursor:text}/*表单默认值*/
.form-horizontal .row{/*display:table;*/width:100%;}
.form-horizontal .form-label{margin-top:3px;cursor:text;text-align:right; padding-right:10px}
.form-horizontal .formControls{ padding-right:10px}
/*设置placeholder颜色*/
::-webkit-input-placeholder {color:#b3b3b3}/* WebKit browsers */
:-moz-placeholder {color:#b3b3b3}/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#b3b3b3}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#b3b3b3}/* Internet Explorer 10+ */
.placeholder{color:#adb0be; position:absolute; z-index:9}/*不兼容placeholder属性的浏览器，可使用<span class="placeholder">表单默认值</span>*/
@media (max-width: 767px) {
	.responsive .form-label{ text-align:left;padding-right:0; font-size:16px; float:none}
	.responsive .formControls{ padding-right:0; float:none; margin-top:10px}
}
/*3.4.6 表单验证*/
/*文本框的错误状态*/
.Validform_error{background-color:#fbe2e2; border-color:#c66161; color:#c00}
.Validform_wrong,.Validform_right,.Validform_warning{display:inline-block;height:23px;line-height:20px;font-size:12px;vertical-align:middle;margin-left:2px; padding-left:25px}
/*错误*/
.Validform_wrong{background:url(../images/icon_error_s.png) no-repeat 0 center;color:#ef392b}
/*正确*/
.Validform_right{background:url(../images/icon_right_s.png) no-repeat 0 center}
/*警告*/
.Validform_warning{background:url(../images/icon_warning_s.png) no-repeat 0 center;color:#777}

/*密码等级*/
.passwordStrength b{font-weight:400}
.passwordStrength b,.passwordStrength span{display:inline-block; vertical-align:middle;line-height:16px;line-height:18px;height:16px}
.passwordStrength span{width:57px;text-align:center;background-color:#d0d0d0;	border-right:1px solid #fff}
.passwordStrength .last{border-right:none}
.passwordStrength .bgStrength{color:#fff;background-color:#369}
/*Validform对话框*/
#Validform_msg{font-size:14px;width:300px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1)}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1}
#Validform_msg .Validform_title{font-size:20px; padding:10px;text-align:left;color:#fff; position:relative; background-color:#369}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{position:absolute; right:8px; top:6px; color:#fff; text-decoration:none; font-family:Verdana}
#Validform_msg a.Validform_close:hover{color:#fff}
#Validform_msg .Validform_info{padding:10px;border:1px solid #bbb; border-top:none; text-align:left}
@media (max-width: 767px) {
	.responsive .Validform_checktip{margin-top:10px}
}

.selectW{width:20%;}
.skin-minimal .radio-box .iradio-blue{margin-top:0px;}

/* iCheck.js Minimal skin
----------------------------------- */
.icheckbox,.iradio{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/minimal.png) no-repeat;border: none;cursor: pointer}
.icheckbox,.icheckbox.static:hover{background-position: 0 0}
.icheckbox.hover,.icheckbox:hover{background-position: -20px 0}
.icheckbox.checked{background-position: -40px 0}
.icheckbox.disabled{background-position: -60px 0;cursor: default}
.icheckbox.checked.disabled{background-position: -80px 0}
.iradio,.iradio.static:hover{background-position: -100px 0}
.iradio.hover,.iradio:hover{background-position: -120px 0}
.iradio.checked{background-position: -140px 0}
.iradio.disabled{background-position: -160px 0;cursor: default}
.iradio.checked.disabled{background-position: -180px 0}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (-moz-min-device-pixel-ratio: 1.5),  only screen and (-o-min-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5){.icheckbox,.iradio{background-image: url(minimal@2x.png);
	-webkit-background-size: 200px 20px;
	background-size: 200px 20px}
}
/* red */
.icheckbox-red,.iradio-red{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/red.png) no-repeat;border: none;cursor: pointer}
.icheckbox-red,.icheckbox-red.static:hover{background-position: 0 0}
.icheckbox-red.hover,.icheckbox-red:hover{background-position: -20px 0}
.icheckbox-red.checked{background-position: -40px 0}
.icheckbox-red.disabled{background-position: -60px 0;cursor: default}
.icheckbox-red.checked.disabled{background-position: -80px 0}
.iradio-red,.iradio-red.static:hover{background-position: -100px 0}
.iradio-red.hover,.iradio-red:hover{background-position: -120px 0}
.iradio-red.checked{background-position: -140px 0}
.iradio-red.disabled{background-position: -160px 0;cursor: default}
.iradio-red.checked.disabled{background-position: -180px 0}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (-moz-min-device-pixel-ratio: 1.5),  only screen and (-o-min-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5){.icheckbox-red,.iradio-red{background-image: url(red@2x.png);
	-webkit-background-size: 200px 20px;
	background-size: 200px 20px}
}
/* green */
.icheckbox-green,.iradio-green{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/green.png) no-repeat;border: none;cursor: pointer}
.icheckbox-green,.icheckbox-green.static:hover{background-position: 0 0}
.icheckbox-green.hover,.icheckbox-green:hover{background-position: -20px 0}
.icheckbox-green.checked{background-position: -40px 0}
.icheckbox-green.disabled{background-position: -60px 0;cursor: default}
.icheckbox-green.checked.disabled{background-position: -80px 0}
.iradio-green,.iradio-green.static:hover{background-position: -100px 0}
.iradio-green.hover,.iradio-green:hover{background-position: -120px 0}
.iradio-green.checked{background-position: -140px 0}
.iradio-green.disabled{background-position: -160px 0;cursor: default}
.iradio-green.checked.disabled{background-position: -180px 0}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (-moz-min-device-pixel-ratio: 1.5),  only screen and (-o-min-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5){.icheckbox-green,.iradio-green{background-image: url(green@2x.png);
	-webkit-background-size: 200px 20px;
	background-size: 200px 20px}
}
/* blue */
.icheckbox-blue,.iradio-blue{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/blue.png) no-repeat;border: none;cursor: pointer}
.icheckbox-blue,.icheckbox-blue.static:hover{background-position: 0 0}
.icheckbox-blue.hover,.icheckbox-blue:hover{background-position: -20px 0}
.icheckbox-blue.checked{background-position: -40px 0}
.icheckbox-blue.disabled{background-position: -60px 0;cursor: default}
.icheckbox-blue.checked.disabled{background-position: -80px 0}
.iradio-blue,.iradio-blue.static:hover{background-position: -100px 0}
.iradio-blue.hover,.iradio-blue:hover{background-position: -120px 0}
.iradio-blue.checked{background-position: -140px 0}
.iradio-blue.disabled{background-position: -160px 0;cursor: default}
.iradio-blue.checked.disabled{background-position: -180px 0}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (-moz-min-device-pixel-ratio: 1.5),  only screen and (-o-min-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5){.icheckbox-blue,.iradio-blue{
	-webkit-background-size: 200px 20px;
	background-size: 200px 20px}
}
/* aero */
.icheckbox-aero,.iradio-aero{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/aero.png) no-repeat;border: none;cursor: pointer}
.icheckbox-aero,.icheckbox-aero.static:hover{background-position: 0 0}
.icheckbox-aero.hover,.icheckbox-aero:hover{background-position: -20px 0}
.icheckbox-aero.checked{background-position: -40px 0}
.icheckbox-aero.disabled{background-position: -60px 0;cursor: default}
.icheckbox-aero.checked.disabled{background-position: -80px 0}
.iradio-aero,.iradio-aero.static:hover{background-position: -100px 0}
.iradio-aero.hover,.iradio-aero:hover{background-position: -120px 0}
.iradio-aero.checked{background-position: -140px 0}
.iradio-aero.disabled{background-position: -160px 0;cursor: default}
.iradio-aero.checked.disabled{background-position: -180px 0}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (-moz-min-device-pixel-ratio: 1.5),  only screen and (-o-min-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5){.icheckbox-aero,.iradio-aero{background-image: url(aero@2x.png);
	-webkit-background-size: 200px 20px;
	background-size: 200px 20px}
}
/* grey */
.icheckbox-grey,.iradio-grey{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/grey.png) no-repeat;border: none;cursor: pointer}
.icheckbox-grey,.icheckbox-grey.static:hover{background-position: 0 0}
.icheckbox-grey.hover,.icheckbox-grey:hover{background-position: -20px 0}
.icheckbox-grey.checked{background-position: -40px 0}
.icheckbox-grey.disabled{background-position: -60px 0;cursor: default}
.icheckbox-grey.checked.disabled{background-position: -80px 0}
.iradio-grey,.iradio-grey.static:hover{background-position: -100px 0}
.iradio-grey.hover,.iradio-grey:hover{background-position: -120px 0}
.iradio-grey.checked{background-position: -140px 0}
.iradio-grey.disabled{background-position: -160px 0;cursor: default}
.iradio-grey.checked.disabled{background-position: -180px 0}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (-moz-min-device-pixel-ratio: 1.5),  only screen and (-o-min-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5){.icheckbox-grey,.iradio-grey{background-image: url(grey@2x.png);
	-webkit-background-size: 200px 20px;
	background-size: 200px 20px}
}
/* orange */
.icheckbox-orange,.iradio-orange{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/orange.png) no-repeat;border: none;cursor: pointer}
.icheckbox-orange,.icheckbox-orange.static:hover{background-position: 0 0}
.icheckbox-orange.hover,.icheckbox-orange:hover{background-position: -20px 0}
.icheckbox-orange.checked{background-position: -40px 0}
.icheckbox-orange.disabled{background-position: -60px 0;cursor: default}
.icheckbox-orange.checked.disabled{background-position: -80px 0}
.iradio-orange,.iradio-orange.static:hover{background-position: -100px 0}
.iradio-orange.hover,.iradio-orange:hover{background-position: -120px 0}
.iradio-orange.checked{background-position: -140px 0}
.iradio-orange.disabled{background-position: -160px 0;cursor: default}
.iradio-orange.checked.disabled{background-position: -180px 0}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (-moz-min-device-pixel-ratio: 1.5),  only screen and (-o-min-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5){.icheckbox-orange,.iradio-orange{background-image: url(orange@2x.png);
	-webkit-background-size: 200px 20px;
	background-size: 200px 20px}
}
/* yellow */
.icheckbox-yellow,.iradio-yellow{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/yellow.png) no-repeat;border: none;cursor: pointer}
.icheckbox-yellow,.icheckbox-yellow.static:hover{background-position: 0 0}
.icheckbox-yellow.hover,.icheckbox-yellow:hover{background-position: -20px 0}
.icheckbox-yellow.checked{background-position: -40px 0}
.icheckbox-yellow.disabled{background-position: -60px 0;cursor: default}
.icheckbox-yellow.checked.disabled{background-position: -80px 0}
.iradio-yellow,.iradio-yellow.static:hover{background-position: -100px 0}
.iradio-yellow.hover,.iradio-yellow:hover{background-position: -120px 0}
.iradio-yellow.checked{background-position: -140px 0}
.iradio-yellow.disabled{background-position: -160px 0;cursor: default}
.iradio-yellow.checked.disabled{background-position: -180px 0}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (-moz-min-device-pixel-ratio: 1.5),  only screen and (-o-min-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5){.icheckbox-yellow,.iradio-yellow{background-image: url(yellow@2x.png);
	-webkit-background-size: 200px 20px;
	background-size: 200px 20px}
}
/* pink */
.icheckbox-pink,.iradio-pink{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/pink.png) no-repeat;border: none;cursor: pointer}
.icheckbox-pink,.icheckbox-pink.static:hover{background-position: 0 0}
.icheckbox-pink.hover,.icheckbox-pink:hover{background-position: -20px 0}
.icheckbox-pink.checked{background-position: -40px 0}
.icheckbox-pink.disabled{background-position: -60px 0;cursor: default}
.icheckbox-pink.checked.disabled{background-position: -80px 0}
.iradio-pink,.iradio-pink.static:hover{background-position: -100px 0}
.iradio-pink.hover,.iradio-pink:hover{background-position: -120px 0}
.iradio-pink.checked{background-position: -140px 0}
.iradio-pink.disabled{background-position: -160px 0;cursor: default}
.iradio-pink.checked.disabled{background-position: -180px 0}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (-moz-min-device-pixel-ratio: 1.5),  only screen and (-o-min-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5){.icheckbox-pink,.iradio-pink{background-image: url(pink@2x.png);
	-webkit-background-size: 200px 20px;
	background-size: 200px 20px}
}
/* purple */
.icheckbox-purple,.iradio-purple{display: block;margin: 0;padding: 0;width: 18px;height: 18px;background: url(../images/purple.png) no-repeat;border: none;cursor: pointer}
.icheckbox-purple,.icheckbox-purple.static:hover{background-position: 0 0}
.icheckbox-purple.hover,.icheckbox-purple:hover{background-position: -20px 0}
.icheckbox-purple.checked{background-position: -40px 0}
.icheckbox-purple.disabled{background-position: -60px 0;cursor: default}
.icheckbox-purple.checked.disabled{background-position: -80px 0}
.iradio-purple,.iradio-purple.static:hover{background-position: -100px 0}
.iradio-purple.hover,.iradio-purple:hover{background-position: -120px 0}
.iradio-purple.checked{background-position: -140px 0}
.iradio-purple.disabled{background-position: -160px 0;cursor: default}
.iradio-purple.checked.disabled{background-position: -180px 0}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (-moz-min-device-pixel-ratio: 1.5),  only screen and (-o-min-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5){.icheckbox-purple,.iradio-purple{background-image: url(purple@2x.png);
	-webkit-background-size: 200px 20px;
	background-size: 200px 20px}
}

.formControls .selectInfosty,.formControls .selectInfosty .tinySelect,.formControls .selectInfosty .tinySelect input{width:100%}
.formControls .selectInfosty .tinySelect .caret{margin-left:-10px;}
.formControls .tinySelect{margin-top:0;}

.col-2 .Validform_checktip{margin-left:4px;}
form  .form-label{padding-right:5px;}

/* 找回密码*/
.ui-wizard-example .wizard-wrapper .wizard-steps{width:100%}
.ui-wizard-example .wizard-wrapper .wizard-steps li,.signup-container .content_boxbg .wizard-wrapper .wizard-steps li{padding:0 18px 0 52px;margin-left:3%}
.reseinfotPwd{border:#ddd 1px solid;margin-top:-1px;padding:20px 30px;}
.reseinfotPwd .getPwd li{display:inline-block;margin-right:10%}
.reseinfotPwd .phoneGetpwd li{display:block;margin-right:10%}
.reseinfotPwd .getPwd{color:#35a479}
.reseinfotPwd .getPwd li a{ color:#369}
.reseinfotPwd .getPwd li a:hover{color:#f60}
.reseinfotPwd .getPwd li .iconfont{ font-size:46px;float:left;}
.reseinfotPwd .getPwd li .typeInfo{margin-top:12px;display:inline-block; font-size:18px;line-height:28px;}
.reseinfotPwd .getPwd li .emailInfo{margin-top:9px;width:86%}
.reseinfotPwd .getPwd li .typeInfo i{color:#aeaeae;font-size:15px;}
.reseinfotPwd .getPwd li .msgsBtn{font-size:14px; margin-left:24px;}
.reseinfotPwd .getPwd li .input-text{height:40px;}
.reseinfotPwd .getPwd li .infoTip{margin-top:21px;color:#888; font-size:13px;line-height:24px;border:#eed 1px solid;background:#f8f8f8;padding:10px;}

.wizard-example .page-signup .signup-container{width:602px;}.wizard-example .page-signup .content_boxbg{background:#fff}

/*单独日期*/
.byDatebox{display:inline-block;width:100px;vertical-align:middle;}
.byDatebox input{height:28px;}

/*必填星号*/
.form-label .c-red{vertical-align:middle; padding-right:3px;}

/*虚线*/
.cheackform  .cl{border-bottom:#dde 1px dashed;padding-bottom:6px;margin-bottom:16px;}
.cheackform  .cl:last-child{border-bottom:none;}

/*下拉搜索*/
.dropdownBox{float:left;background:#eee; padding:5px 18px;margin-bottom:-6px;margin-right:1px;position:relative}
.dropdownBox.active{background:#368;color:#fff}
/*权限样式*/
.authdiv{text-align:center;width:680px;margin:0 auto}
.authdiv ul{list-style-type:none;float:left;width:300px;height:400px;overflow-y:auto;overflow-x:hidden;padding:10px 0;clear:right;text-align:left;}
.authdiv .alert{background:#fff;border:1px solid #8AC38B;border-radius:4px}
.authdivnav{float:left;margin-top:150px;width:80px;text-align:center}
.authdivnav button{display:block;margin-bottom:10px;width:50px;margin:0 auto 10px}
.authdiv li{margin-bottom:2px;padding:3px 10px;}
.authdiv li.active{background:#f7f7f7}

/*条件查询*/
#showsearchmore{cursor:pointer}
#searchform table,.searchform table{display:inline}
#searchform td,.searchform td{vertical-align: middle;padding:1px!important;}
#searchform .form-control,.searchform .form-control{padding:0;line-height:30px;height:30px;margin-bottom:3px}
.w-150px{width:150px;}
.w-180px{margin-right:5px; width:150px;}
.w-90px{width:90px;}
.w-400px{width:360px;}
.w-60px{width:60px;}
#moreOrLite #searchlite{display:none;}
#moreOrLite .icon-double-angle-up{line-height:98px}
#moreOrLite{display:block;width:30px;position:absolute;right:0;top:8px;text-align:center}
#moreOrLite a{display:inline-block}
#moreOrLite a:hover{background:#F9F5E4}
#searchform,.searchform{position:relative;text-align:center;display:none;}
#searchform.showmore,.searchform.showmore{display:block;background:#fcf8e2;border:#f2f2f2 1px solid;padding-top:5px;margin-top: 2px;}
#searchform.showmore:hover,.searchform.showmore:hover{background:#fcf8e2!important;}
#searchbox5,#searchbox6,#searchbox2,#searchbox3{display:none}

.date-Multiple-Select{position:relative}
.date-Multiple-Select .dms-showrap{margin-right:32px}
.date-Multiple-Select .dms-selrap{position:absolute;right:0;top:0;width:30px;height:34px;cursor:pointer;background:#eee;border-radius:3px;text-align:center;line-height:34px}
.date-Multiple-Select .dms-dateinput{opacity:0;position:absolute;left:0;top:0;width:30px;height:34px;z-index:2;overflow:hidden}
table.no-border>tbody>tr>td,
.table.no-border>tbody>tr>th,
.table.no-border>thead>tr>td,
.table.no-border>thead>tr>th,
.table.no-border>tr>td{
	border:0
}
.no-border-radius,
.form-control.no-border-radius {
	border-radius:0
}


.list-operate-more-less>span{
	display:inline-block;
	width:22px;
	height:22px;
	text-align:center;
	border-radius: 50%;
	background:#3D4A5D;
	line-height:22px;
	font-size:12px;
	color:#fff;
	cursor:pointer;
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.droptoprj>.dropdownbody>.blueline{border:1px solid #0f9ae0}
.ztree-dropdownbody:after{color: #888;content: "\f002";display: block;font-family: FontAwesome;font-size: 14px;text-align: center;position: absolute;right: 5px;top: 4px;width: 30px;}